<div class="container">
	<table class="table table-striped table-bordered"  data-id="tabla_categorias" style="border-color: #044380;">
		<thead>
			<tr>
				<th style="border-left-color: #044380; color:black;">Orden</th>
				<th style="border-left-color: #044380; color:black;">Título</th>
				<th style="border-left-color: #044380; color:black;">Año</th>
				<th style="border-left-color: #044380; color:black;">Acciones</th>
			</tr>
		</thead>
		<tbody data-id="tabla_cat"  style="border-color: #044380;">

		</tbody>
	</table>
	<div id="modalCompartir" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 style="color: #044482;">Compartir: </h3>
		</div>
		<div class="modal-body">
			<p class="texto" style="font-size: 14px;">
			<p>
				Rellene los datos con quién desee compartir:
			</p>
			<form id="formCompartir" class="form-horizontal" method="post" action="#">
				<div class="control-group">
					<label class="control-label" for="usuarioRemitente">Usuario remitente: </label>
					<div class="controls">
						<input type="text" id="usuarioRemitente" name="usuarioRemitente" data-model="usuario" disabled>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="correoDest">Correo destinatario: </label>
					<div class="controls">

						<input type="text" id="correoDest" name="correoDest" pattern="^(\w)([.]*[_]*[-]*\w)+@([a-z])+([.]*[a-z])*[.]([a-z]{2,3})$">

					</div>

				</div>
				<div class="control-group">
					<label class="control-label" for="comentario">Comentario: </label>
					<div class="controls">
						<textarea type="text" id="comentario" name="comentario"></textarea>
					</div>
				</div>
			</form>
		</div>
		<div class="modal-footer">
			<a class="btn btn-primary" id="envioCompartir">Enviar <i class="icon-chevron-right icon-white"></i> </a>
		</div>
	</div>
	<div id="modalCompartirOk" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 style="color: #044482;">Envio correcto: </h3>
		</div>
		<div class="modal-body">
			<p style="font-size: 14px;">
				Se ha compartido con éxito.
			</p>
		</div>
	</div>
	<div id="modalAñadir" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 class="text" style="color: #044482;"></h3>
		</div>
	</div>
</div>